
<extend name="Public/layout"/>
<block name="head">
<script src="__PUBLIC__assets/ckplayer/ckplayer.js"></script>
<script src="http://manage.8hjie.com/App/Home/Common/build/dist/echarts.js"></script>
<script src="__PUBLIC__js/circle.js"></script>
<link rel="stylesheet" href="__PUBLIC__css/plat-data.css?t=<php>echo time();</php>">
<style>
.footer{
  display: none !important;
}
</style>
</block>
   <block name="main">
    <div class="container">
        <!-- 数据图 -->
        <div class="data">
            <div class="data-title">平台排名趋势</div>
            <div id='echarts1' style="width: 100%; height: 7rem;"></div>
        </div>
        <if condition="$p_info.sys_id gt 0">
        <!-- 合作平台 -->
  <div class="plat-plan">
            <div class="plat-plan-title">
              <h4>平台投资福利</h4>
            </div>
            <div class="plat-content">
              <ul>
               
              
                <foreach name="list" item="v">
                <li onclick="sub()">
                  <div class="plat-content-pro">
                    <div class="pro-item-top">
                      <div class="pro-item-title">{$v.scheme}</div>
                      <div class="pro-item-tips">
                        <span>起投{:ceil($v['start_amount'])}元</span>
                        <span>首投返利</span>             
                      </div>
                    </div>
                    <div class="plat-content-buttom">
                      <div class="plat-content-data">
                        <dd class="red"><span>{$v.user_award}</span>元</dd>
                        <dd>返现金红包</dd>
                      </div>
                      <div class="plat-content-data">
                        <dd>往期年化<i>{$v.event_years}%</i></dd>
                        <dd>投资期限 <i>{$v.deadline}<if condition="$v.deadline_unit eq 0">月<else/>天</if></i></dd>
                      </div>
                    </div>
                  </div>
                </li>
                </foreach>                        
              </ul>
            </div>
          </div> 
    <notempty name="info.circle.declaration">
      <div class="state">
        <h4>投资声明</h4>
        <p>{$info.circle.declaration}</p>
      </div>

    </notempty>


         
            <div class="state">
                <h4>免责申明</h4>
              <p>8号金融街仅为信息平台，本身不吸纳用户资金。 8号金融街上展示的网贷平台活动不保证100%安全，如出现意外情况（包括但不限于平台逾期、提现困难、倒闭、跑路等导致无法拿回本金的情况），如该活动享8号金融街保障，8号金融街仅在该活动注明的保障期和保障范围内，按照保障合同进行赔付。 除此之外，8号金融街不承担任何责任！</p>
            </div>
            <div class="flow">
                 <h4>返利流程</h4>
        <div class="flow-con">
          <ul>
            <li class="item-one">
              <div class="num-item">
                <p>1</p>
                <span></span>
              </div>
              <p>选择平台跳转投资对应标的</p>
            </li>
            <li class="item-two">
              <div class="num-item">
                <p>2</p>
                <span></span>
              </div>
              <p>即日-次日 返利至返利账户</p>
            </li>
            <li class="item-three">
              <div class="num-item">
                <p>3</p>
              </div>
              <p>1个工作日可自动提现至绑定银行卡</p>
            </li>
          </ul>
        </div>
            </div>            
        </div>
        <else/>
        <!-- 非合作平台 -->
        <div class="no-plat-content">
            <p>平台排名均来自第三方，仅供参考！</p>
            <p>网贷理财有风险，投资出借需谨慎！</p> 
        </div>
      </if>
    </div>
</block>
<block name="js"> 
    <script>
           var myChart1 = echarts.init(document.getElementById('echarts1'));
        option = {
    title : {
        // text: '未来一周气温变化',
        // subtext: '纯属虚构'
    },
    tooltip : {
        trigger: 'axis'
    },
    legend: {
         data:['网贷天眼','网贷之家','融360']
    },
    toolbox: {
        show : false,
        feature : {
            mark : {show: false},
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['line', 'bar']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            data :{$date}
        }
    ],
    yAxis : [
        {
            type : 'value',
      inverse:true,
            axisLabel : {
                formatter: '{value}',
                rotate:90,
        
            }
        }
    ],
    series : [
        {
            name:'网贷之家',
            type:'line',
            data:{$home_rank},
            // markPoint : {
            //     data : [
            //         {type : 'max', name: '最高'},
            //         {type : 'min', name: '最低'}
            //     ]
            // },
            // markLine : {
            //     data : [
            //         {type : 'average', name: '平均值'}
            //     ]
            // }
        },
        {
            name:'网贷天眼',
            type:'line',
            data:{$eye_rank},
            // markPoint : {
            //     data : [
            //         {name : '周最低', value : -2, xAxis: 1, yAxis: -1.5}
            //     ]
            // },
            // markLine : {
            //     data : [
            //         {type : 'average', name : '平均值'}
            //     ]
            // }
        },
        {
            name:'融360',
            type:'line',
            data:{$rong_rank},
            // markPoint : {
            //     data : [
            //         {name : '周最低', value : -2, xAxis: 1, yAxis: -1.5}
            //     ]
            // },
            // markLine : {
            //     data : [
            //         {type : 'average', name : '平均值'}
            //     ]
            // }
        }
    ]
};
  myChart1.setOption(option);
  
   function sub()
  {
     var user_id = "{$_SESSION['user']['id']}"
      if (!user_id) {
        layer.open({
          content: '请先登录！'
          , skin: 'msg'
          , time: 1
          , end: function () {
            location.href = "/Home/User/login?callback=/Home/circle/rank_info/id/{$_GET['id']}"
          }
        });
      }else{
       location.href = "/Home/Platform/jump_to_platform/plat_id/{$list.0.platform_id}"
      }

  }
    </script>
  </block>
